
<gm:page title="My App" authenticate="false">

  <script>
    function loadiFrame(entry) {
      var myiFrame = document.getElementById('myiFrame');
      var URL = new GPath('atom:title').getValue(entry);
      myiFrame.src = URL;
    }
  </script>

  <gm:data id="myData">
    <feed>
      <entry>
        <id>1</id>
        <title>http://code.google.com/gme</title>
      </entry>
      <entry>
        <id>2</id>
        <title>http://groups.google.com/group/google-mashup-editor</title>
      </entry>
      <entry>
        <id>3</id>
        <title>http://gallery.googlemashups.com</title>
      </entry>
    </feed>
  </gm:data>
      
  <gm:list data="${myData}">
    <gm:handleEvent event="select" execute="loadiFrame(event.entry)" />
  </gm:list>
  
  <p>
    <iframe id="myiFrame" width="100%" />
  </p>

</gm:page>

